<link rel="stylesheet" href="/assets/css/common.css"/>
<link rel="stylesheet" href="/assets/css/invited.css"/>
<link rel="stylesheet" href="/assets/css/menu.css"/>
<link rel="stylesheet" href="/assets/css/ico-topbar-white.css"/>
<link rel="stylesheet" href="/assets/css/bottom.css"/>

<@extends name="/project/ico-topbar-white.ftl"/>
<div class="all">
<@extends name="/project/menu.ftl"/>
    <div class="content">
        <div class="inve-title clearfix">
            <i></i>
            <h3>我的邀请</h3>
        </div>
        <div class="invited-address clearfix">
            <p>地址</p>
            <input type="button" class="address" value="${inviteUrl}">
            <a href="javascript:void(0)" class="copy" data-clipboard-action="copy" data-clipboard-target=".address"  data-clipboard-text="${inviteUrl}">
                <img src="/assets/img/bx-manage/copy.png" alt="">
            </a>
        </div>
        <div class="main clearfix">
            <#--<h1>邀请记录</h1>-->
            <#--<table>-->
                <#--<thead>-->
                <#--<tr>-->
                    <#--<td class="bz">账户名</td>-->
                    <#--<td class="address">提币地址</td>-->
                    <#--<td class="remark">备注</td>-->
                    <#--<td class="option">操作</td>-->
                <#--</tr>-->
                <#--</thead>-->
                <#--<tbody>-->
                <#--<#list addressList as address>-->
                <#--<tr>-->
                    <#--<td class="bz">${address.coinName}</td>-->
                    <#--<td class="time">${address.address}</td>-->
                    <#--<td class="hash">${address.remark}</td>-->
                    <#--<td class="option"><a href="javascript:void(0)" class="delete" data-id="${address.id}">删除</a></td>-->
                <#--</tr>-->
                <#--</#list>-->
                <#--</tbody>-->
            <#--</table>-->
            <div class="inve-title clearfix">
                <h3>邀请记录</h3>
            </div>
        <#list invitedRecordList as invited>
            <div class="item">
                <div class="item-left">
                    <img src="${invited.portrait}" alt="">
                </div>
                <div class="item-right clearfix">
                    <p class="name">${invited.username}</p>
                    <p class="time">${invited.createDateFormate}</p>
                </div>
            </div>
        </#list>
        </div>
    </div>
</div>
<#--<@extends name="/project/bottom.ftl"/>-->
<#--<script src="/assets/script/invited.js"></script>-->
<script src="/assets/script/jquery-1.8.2.min.js"></script>

<script src="/assets/script/clipboard/distclip/clipboard.js"></script>
<script>
    var clipboard = new Clipboard('.copy');
    var copynum = 0;
    clipboard.on('success', function(e) {
        e.delegateTarget = false;
        alert("复制成功！");
        copynum++;
        if(copynum >= 1){
            clipboard.destroy();
            clipboard = new Clipboard('.copy');
        };
    });
    clipboard.on('error', function(e) {
        alert("复制失败！请手动复制")
    });
</script>
<#--<script src="/assets/script/jquery-1.8.2.min.js"></script>-->

<script src="/assets/script/common.js"></script>
